<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<!-- <div></div>
	<p class="a"></p> -->
	<p>this is a cat</p><p>yes</p>
	<ul>
		<li><strong>list1</strong></li>
		<li>list2</li>
		<li>list3</li>
		<li>list4</li>
		<li>list5</li>
	</ul>
	<div class="protected">jfirjfkdjf<div></div></div>
	
</body>

</html>
<script src="../jquery-3.3.1.min.js"></script>
<script>
	/*$("div").next(".a").css({
		width:200,
		height:200,
		border:"1px solid red"
		
	}).end().css({
		width:400,
		height:300,
		// background:"red"
		border:"5px solid blue"
	});*/
	$("p").eq(1).css("color","red");
	$('p').eq(-2).css('color','yellow');
	$('li').first().wrap('<b></b>');






	


</script>